require.config({
	shim:{
		"cookie":["jquery"]
	},
	paths:{
		"jquery":"jquery-1.11.3",
		"iconfont":"../iconfont/iconfont",
		"cookie":"jquery.cookie"
	}
})
require(["jquery","cookie","iconfont"],function($,cookie,iconfont){
	$(function(){
		$("#cartchatop").load("../html/Top&Bottmo.html .top",function(){
			var l = `<script src="../js/Top&Bottom.js"></script>`
		$("body").append(l)
	})
	 	 $("#cartchatbom").load("../html/Top&Bottmo.html .bottom")
	
		var str =  $.cookie("good") ? $.cookie("good") : "";
		//console.log(str)
		var strobj = strtoobj(str)
		//console.log(strobj)
		$.each(strobj, function(index,value) {
			var ls = `<div class="cart_list">
				<input type="checkbox" class="cart_xuanze" />
				<div class="cart_product">
					<img src="${value["src"]}"  pid="${index}"/>
					<p>${value["nei"]}</p>
				</div>
				<div class="cart_picyuan">
					<span>￥${value["jiang"]}</span>
					<span>￥${value["yuan"]}</span>
				</div>
				<div class="cart_xiu">
					<input type="button" value="-" />
					<input type="text" value="${value["num"]}" />
					<input type="button" value="+" />
				</div>
				<div class="cart_xiozong">
					 ${value["num"]*value["jiang"]}
				</div>
				<div class="cart_xiaorem">
					<a href="#">收藏</a>
					<a  class="rem">删除</a>
				</div>
			</div>`
			 $(".cart_topbox").append(ls)
			
		});
		$(".cart_jie").find('b').html(manei())
		//右面一个一个删除
		$(".cart_xiaorem a.rem").click(function(){
			$(this).parent().parent().remove()
			var id = $(this).parent().parent().find("img").attr("pid")
			var cartStr = $.cookie("good") ? $.cookie("good") : "";
			var cartObj = strtoobj(cartStr);
			delete cartObj[id];
			$.cookie('good', objtostr(cartObj), {expires: 7,path: "/"});
			$(".cart_jie").find('b').html(manei())
		})
		//左面单独删除选中的
		$(".rex").click(function(){
			 $('.cart_xuanze').each(function(){
			 	 if($(this).is(':checked')){
			 	 	$(this).parent().remove()
					var id = $(this).parent().find("img").attr("pid")
					var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					delete cartObj[id];
					$.cookie('good', objtostr(cartObj), {expires: 7,path: "/"});
					$(".cart_jie").find('b').html(manei())
			 	 }
			 })
		})
		//左面全部选中全部删除
		var cnum = 0
		//选择改变checked属性
		$(".qingkong").click(function(){
				 if(cnum%2==0){
				 	$('.cart_xuanze:checkbox').prop("checked",true)
				 	cnum++
				 }else if(cnum%2 !=0){
				 	$('.cart_xuanze:checkbox').prop("checked",false)
				 	cnum++
				 }
				 
			})
		$(".req").click(function(){
			if($(".qingkong").is(":checked")){
				$(".cart_list").each(function(){
					$(this).remove()
				})
				$.removeCookie("good",{expires: 7,path: "/"})
				 $(".cart_jie").find('b').html(manei())
			}
		})
		//加号修改个数，减号修改个数
		//先遍历
		$(".cart_xiu").each(function(){
			$(this).find("input").eq(2).click(function(){
				//哪个商品
			   var id =  $(this).parent().parent().find(".cart_product img").attr("pid")
			   var str = $.cookie("good") ? $.cookie("good") : ""
			   var strobj = strtoobj(str)
			   strobj[id].num += 1
			   //传进去cookie
			  $(this).parent().find("input").eq(1).val(""+ strobj[id].num)
			  //更新小计跟总计
			  $(this).parent().parent().find(".cart_xiozong").html(strobj[id].num*strobj[id].jiang)
			  $.cookie('good', objtostr(strobj), {expires: 7,path: "/"});
			  $(".cart_jie").find('b').html(manei())
		})
			//减号
			$(this).find("input").eq(0).click(function(){
				//哪个商品
			   var id =  $(this).parent().parent().find(".cart_product img").attr("pid")
			   var str = $.cookie("good") ? $.cookie("good") : ""
			   var strobj = strtoobj(str)
			 if(strobj[id].num>1){
			 	  strobj[id].num -= 1
			   //传进去cookie
			  $(this).parent().find("input").eq(1).val(""+ strobj[id].num)
			  //更新小计跟总计
			  $(this).parent().parent().find(".cart_xiozong").html(strobj[id].num*strobj[id].jiang)
			  $.cookie('good', objtostr(strobj), {expires: 7,path: "/"});
			  $(".cart_jie").find('b').html(manei())
			 }
		})
			//输入修改个数
			$(this).find("input").eq(1).blur(function(){
			   var id =  $(this).parent().parent().find(".cart_product img").attr("pid")
			   var str = $.cookie("good") ? $.cookie("good") : ""
			   var strobj = strtoobj(str)
			   var pattern = /^\^0[0-9]+$/;
			   if(!pattern.test($(this).val())){
					strobj[id].num = 1;
					$(this).val("1");
				}else{
					//修改一下数量
				strobj[id].num = parseInt($(this).val());
				}
				//传进去cookie
			  $(this).parent().find("input").eq(1).val(""+ strobj[id].num)
			  //更新小计跟总计
			  $(this).parent().parent().find(".cart_xiozong").html(strobj[id].num*strobj[id].jiang)
			  $.cookie('good', objtostr(strobj), {expires: 7,path: "/"});
			  $(".cart_jie").find('b').html(manei())
			})
		})
		
		
		 
		
		
		
		
		
		
		//----将字符串转化为对象的格式
		 	function strtoobj(str){
		 		if(!str){
		 			return {}
		 		}
		 		var goods = str.split("!")
		 		var obj ={}
		 		for(var i=0;i<goods.length;i++){
		 			var data = goods[i].split(",")
		 			obj[data[0]]={
		 				nei :data[1],
		 				src : data[2],
		 				yuan : data[3],
		 				jiang : data[4],
		 				num:parseInt(data[5])
		 			}
		 		}
		 		return obj
		 	}
		 	//-------将对象转化为字符串
		 	function objtostr(obj){
		 		 var strr =""
		 		 for(var id in obj){
		 		 	if(strr){
		 		 		strr += "!"
		 		 	}
		 		 	strr += id +","+obj[id].nei+","+obj[id].src+","+obj[id].yuan+","+obj[id].jiang+","+obj[id].num
		 		 }
		 		 return strr
		 	}
			//-----------------算一共有多少件数
		 	
		 function loadCart(){
				var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num;
						 
					}
					return total
			}
		 //----------------------------算一共有多少钱数
		 function manei(){
		 	var cartStr = $.cookie("good") ? $.cookie("good") : "";
					var cartObj = strtoobj(cartStr);
					//获取到购物车中所有商品的数量
					var total = 0;
					for(var id in cartObj){
						total += cartObj[id].num * cartObj[id].jiang;
						 
					}
					return total
		 }
	
	})
})
